<script>
</script>

<template>
  <view class="components-list tn-safe-area-inset-bottom">
    <tn-nav-bar fixed>卡片列表</tn-nav-bar>
    <view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
      <tn-list-view
        card
        title="卡片列表"
        backgroundColor="#EFEFEF"
      >
       <tn-list-cell arrow>菜单1</tn-list-cell> 
       <tn-list-cell>菜单2</tn-list-cell> 
       <tn-list-cell>菜单3</tn-list-cell> 
      </tn-list-view>
      
      <tn-list-view
        card
        title="卡片列表"
        backgroundColor="#EFEFEF"
      >
       <tn-list-cell arrow>菜单1</tn-list-cell> 
       <tn-list-cell>菜单2</tn-list-cell> 
       <tn-list-cell>菜单3</tn-list-cell> 
      </tn-list-view>
    </view>
    <view class="tn-padding-bottom-lg"></view>
  </view>
</template>

<style lang="scss" scoped>
  .components-list {
    background-color: $tn-bg-gray-color;
    min-height: 100vh;
  }
</style>